<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
</head>
<body>
    <header class="aui-bar aui-bar-nav">
        <a class="aui-pull-left aui-btn" onclick="closewin()">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">{{ title }}</div>
    </header>
</body>
</html>

<script src="../script/api.js"></script>
<script src="../script/common.js"></script>
<script src="../script/vue.js"></script>

<script>
    var vm = new Vue({
        el: 'header',
        data: {
            id: '',
            title: ''
        },
    });
    apiready = function () {

        $api.fixIos7Bar($api.dom("header"));//padding-top: 20px; 沉浸式状态栏

        vm.title = api.pageParam.title;
        vm.id = api.pageParam.id;
        api.openFrame({
            name: 'content_frm',
            url: 'widget://html/content_frm.html',
            rect: {
                x: 0,
                y: $api.dom('header').offsetHeight,
                w: 'auto',
                h: api.winHeight - $api.dom('header').offsetHeight
            },
            bounces: true,
            pageParam: {
                id: vm.id,
                title: vm.title
            }
        });
    };
</script>

